<template>
	<view class="zh-u-load-more">
		<text>{{ status == 1?"加载中...":status == 2?"没有更多":""}}</text>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	
	const status = ref(0)

	
	const changeStatusLoading = () => {
		status.value = 1
	}
	
	const changeStatusNoLoading = () => {
		status.value = 0
	}
	
	const changeStatusNoMore = () => {
		status.value = 2
	}
	
	defineExpose({
	  changeStatusLoading,
	  changeStatusNoLoading,
	  changeStatusNoMore
	})
	
</script>

<style lang="scss" scoped>
	.zh-u-load-more {
		font-size:$uni-font-size-base;
		text-align:center;
		padding:30rpx;
		color:$uni-text-color-dark-grey;
	}
</style>